██████╗ ███████╗████████╗██╗██████╗ ███████╗██████╗ ██╗ █████╗
██╔══██╗██╔════╝╚══██╔══╝██║██╔══██╗██╔════╝██╔══██╗██║██╔══██╗
██████╔╝█████╗ ██║ ██║██████╔╝█████╗ ██║ ██║██║███████║
██╔══██╗██╔══╝ ██║ ██║██╔═══╝ ██╔══╝ ██║ ██║██║██╔══██║
██║ ██║███████╗ ██║ ██║██║ ███████╗██████╔╝██║██║ ██║
╚═╝ ╚═╝╚══════╝ ╚═╝ ╚═╝╚═╝ ╚══════╝╚═════╝ ╚═╝╚═╝ ╚═╝
- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
RGBA
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
top
mwbwRGBA è l'acronimo di mwcaRed Green Blue Alpha cioè: mwcqrosso, verde, blu e Alfa. Mentre talvolta viene descritto come uno spazio di colori, attualmente è ritenuto semplicemente come un modello di colori mwcgRGB con informazioni extra. Il colore è RGB e può essere di qualsiasi spazio di colori RGB, ma un valore alfa integrale inventato da Catmull e Smith tra il mwcw1971 e il mwda1972 abilita il mwdqcanale alfa. Il canale è stato chiamato alfa per la lettera greca che nella formula interpolazione lineare classica è: αA + (1-α)Bcite-ref-1[1].
Il termine non definisce quale spazio colore RGB viene utilizzato. Inoltre, non indica se i colori sono o meno pre-moltiplicati per il valore alfa e, se lo sono, non indica in quale spazio colore è stata eseguita la pre-moltiplicazione. Ciò significa che sono necessarie più informazioni oltre al semplice "RGBA" per determinare come gestire un'immagine.
In alcuni contesti l'abbreviazione "RGBA" indica un layout di memoria specifico (di seguito denominato RGBA8888), con altri termini come "BGRA" utilizzati per alternative. In altri contesti "RGBA" indica qualsiasi layoutcite-ref-2[2].
Contents
• RGBA8888
• ARGB32
• RGBA32
• Esempi
• SVG [ 18
• Note
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
Descrizione
Nella mwgwcomputer grafica, i pixel che codificano le informazioni sullo spazio colore RGBA devono essere archiviati nella memoria del computer (o nei file su disco). Nella maggior parte dei casi vengono utilizzati quattro blocchi di memoria adiacenti di uguali dimensioni, uno per ciascun canale, e uno 0 in un canale indica il colore nero o l'alfa trasparente, mentre tutti i bit 1 indica l'alfa bianco o completamente opaco. Il formato di gran lunga più comune è quello che memorizza mwha8 bit (un byte) per ciascun canale, ovvero mwhq32 bit per ogni pixelcite-ref-3[3].
L'ordine di questi quattro byte in memoria può essere diverso, il che può creare confusione quando vengono scambiati i dati dell'immagine. Queste codifiche sono spesso indicate dalle quattro lettere in un certo ordine (es. RGBA, ARGB, ecc.). L'interpretazione di questi mwiwmnemonici di 4 lettere non è ben stabilita. Esistono due modi tipici per comprendere un mnemonico come "RGBA"cite-ref-4[4]:
• Nello schema dell'ordine dei byte per "RGBA" si intende un byte R, seguito da un byte G, seguito da un byte B e seguito da un byte A. Questo schema è comunemente usato per descrivere formati di file o protocolli di rete, che sono entrambi orientati ai byte.
• Nello schema dell'ordine delle parole "RGBA" è inteso rappresentare una parola completa a 32 bit, dove R è più significativo di G, che è più significativo di B, che è più significativo di A.
In un sistema mwlabig-endian i due schemi sono equivalenti. Questo non è il caso di un sistema mwlqlittle-endian, in cui i due mnemonici sono l'uno inverso dell'altrocite-ref-5[5]. Pertanto, per non essere ambigui, è importante indicare quale ordinamento viene utilizzato quando si fa riferimento alla codifica. Questo articolo utilizzerà uno schema che ha una certa popolarità, che consiste nell'aggiungere il suffisso "8888" per indicare se si tratta di 4 unità a 8 bit o "32" se si tratta di un'unità a 32 bitcite-ref-6[6]cite-ref-7[7].
| | Little-endian | big-endian |
|---|---|---|
| RGBA8888 | ABGR32 | RGBA32 |
| ARGB32 | BGRA8888 | ARGB8888 |
| RGBA32 | ABGR8888 | RGBA8888 |
RGBA8888
In mwtwOpenGL e Portable Network Graphics (mwuaPNG), viene utilizzato l'ordine dei byte RGBA, in cui i colori sono archiviati in memoria in modo tale che R si trovi all'indirizzo più basso, G dopo di esso, B dopo e A per ultimo. Su un'architettura little endian questo equivale a ABGR32cite-ref-8[8]cite-ref-9[9].
ARGB32
I valori ARGB sono in genere espressi utilizzando 8 cifre esadecimali, con ciascuna coppia di cifre esadecimali che rappresenta rispettivamente i valori del canale Alfa, Rosso, Verde e Blu. Ad esempio mwbg80FFFF00rappresenta il 50,2% di giallo opaco (non pre-moltiplicato). Il valore esadecimalemwbw80, che è 128 in decimale, rappresenta un valore alfa del 50,2% perché 128 è circa il 50,2% del valore massimo di 255 (FF esadecimale); per continuare a decifrare il valoremwca80FFFF00, il primo mwcqFFrappresenta il valore massimo che il rosso può avere; il secondomwcgFFè come il precedente ma per il verde; il finale mwcw00rappresenta il valore minimo che il blu può avere. Di conseguenza, rosso + verde produce giallo. Nei casi in cui non viene utilizzata l'alfa, questa può essere abbreviata a 6 cifremwdaRRGGBB, questo è il motivo per cui è stato scelto di inserire l'alfa nei bit superiori. A seconda del contesto, prima delle cifre esadecimali viene anteposto mwdq0xoppure un simbolo numerico (#)cite-ref-13[13].
Questo layout è diventato popolare quando è stato introdotto il colore a 24 bit (e RGBA a 32 bit) sui personal computer. All'epoca era molto più veloce e più facile per i programmi manipolare un'unità a 32 bit rispetto a quattro unità a 8 bit.
Sui sistemi little-endian questo è equivalente all'ordine dei byte BGRA. Sui sistemi big-endian, questo è equivalente all'ordine dei byte ARGBcite-ref-14[14].
RGBA32
Esempi
CSS3 [ 17 ]
div.box { background-color: rgba(255, 255, 255, 0.5) }
SVG [ 18 ]
<rect x="10" y="10" width="100" height="100" stroke="blue" fill="purple"
fill-opacity="0.5" stroke-opacity="0.8"/>
Canvas HTML5 [ 19 ]
ctx.fillStyle = 'orange';
ctx.fillStyle = '#FFA500';
ctx.fillStyle = 'rgb(255, 165, 0)';
ctx.fillStyle = 'rgba(255, 165, 0, 1)';
WebGL [ 20 ]
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
Note
cite-note-11. ↑ mwasy(mwascmwasgEN) mwaskmwasoAlvy Ray Smith: RGBA, the birth of compositing & the founding of Pixar, su mwassfxguide, 5 luglio 2012. mwaswURL consultato il 3 ottobre 2021.
cite-note-22. ↑ mwatamwatemwatiAbout: RGBA, su mwatmdbpedia.org. mwatqURL consultato il 3 ottobre 2021.
cite-note-33. ↑ mwatg(mwatkmwatoEN) William Craig ~ 3 minutes to read, mwatsmwatwExplanation of CSS RGBA Colors | Guide, su mwat0WebFX Blog. mwat4URL consultato il 3 ottobre 2021.
cite-note-44. ↑ mwauimwaummwauqRGBA Color Picker, su mwauurgbacolorpicker.com. mwauyURL consultato il 3 ottobre 2021.
cite-note-55. ↑ mwauomwausmwauwunicode — Differenza tra ordine Big Endian e byte Little Endian, su mwau0it-swarm.it. mwau4URL consultato il 3 ottobre 2021 mwau8(archiviato dall'mwavaurl originale il 3 ottobre 2021).
cite-note-66. ↑ mwavqmwavumwavyCSS RGB and RGBA Colors, su mwavcw3schools.com. mwavgURL consultato il 3 ottobre 2021.
cite-note-77. ↑ mwavwKarl-Bridge-Microsoft, mwav0mwav4Uso di contrassegni per l'ordine dei byte - Win32 apps, su mwav8docs.microsoft.com. mwawaURL consultato il 3 ottobre 2021.
cite-note-88. ↑ mwawqmwawumwawyPortable Network Graphics (PNG) Specification (Second Edition), su mwawcw3.org. mwawgURL consultato il 3 ottobre 2021.
cite-note-99. ↑ mwawwmwaw0mwaw4Image Format - OpenGL Wiki, su mwaw8khronos.org. mwaxaURL consultato il 3 ottobre 2021.
cite-note-1010. ↑ mwaxqmwaxumwaxyFabGL: RGBA8888 Struct Reference, su mwaxcfabglib.org. mwaxgURL consultato il 3 ottobre 2021.
cite-note-1111. ↑ mwaxwgregli-msft, mwax0mwax4Enumerazione Color e funzioni ColorFade, ColorValue e RGBA in Power Apps - Power Apps, su mwax8docs.microsoft.com. mwayaURL consultato il 3 ottobre 2021.
cite-note-1212. ↑ mwayq(mwayumwayyEN) Unity Technologies, mwaycmwaygUnity - Scripting API: TextureFormat.RGBA32, su mwaykdocs.unity3d.com. mwayoURL consultato il 3 ottobre 2021.
cite-note-1313. ↑ mway4mway8mwazaCSS rgba() function, su mwazew3schools.com. mwaziURL consultato il 3 ottobre 2021.
cite-note-1414. ↑ mwazy(mwazcmwazgEN) Ryan Boudreaux in Web Designer, in Enterprise Software on July 25, 2012, 5:28 Am Pst, mwazkmwazoHow to use the RGBa color model, su mwazsTechRepublic. mwazwURL consultato il 3 ottobre 2021.
cite-note-1515. ↑ mwaaamwaaemwaaiStruct Rgba32, su mwaamdocs.sixlabors.com. mwaaqURL consultato il 3 ottobre 2021.
cite-note-1616. ↑ mwaagmwaakmwaaoRgba32 Struct | Qt Quick Ultralite Platform Porting Guide 1.9, su mwaasdoc.qt.io. mwaawURL consultato il 3 ottobre 2021.
cite-note-171. mwabamwabemwabiCSS3: definire i colori con RGB e RGBa, su mwabmMRW.it. mwabqURL consultato il 3 ottobre 2021.
cite-note-182. mwabg(mwabkmwaboEN) mwabsmwabwFills and Strokes - SVG: Scalable Vector Graphics | MDN, su mwab0developer.mozilla.org. mwab4URL consultato il 3 ottobre 2021.
cite-note-193. mwacimwacmmwacqHTML canvas globalAlpha Property, su mwacuw3schools.com. mwacyURL consultato il 3 ottobre 2021.
cite-note-204. mwaco(mwacsmwacwEN) mwac0mwac4WebGLRenderingContext.texImage2D() - Web APIs | MDN, su mwac8developer.mozilla.org. mwadaURL consultato il 3 ottobre 2021.
Voci correlate